.c-body
  //- 加载中
  .loadding(:class="loaddingClass")
    .load-txt 加载数据中...
    .load-ico

  //- 加载失败
  .loaded-fail(:class="loadedFailClass") {{loadedFail}}

  //- 加载成功
  div(:class="loadedSuccClass")

    //- 网页内容
    .c-content

      //- 人才招聘详情
      .bread-nav
        .crumbs
          router-link(to='/') 首页 >
          span &nbsp;&nbsp;个人中心

      //- 个人信息
      .c-info-wrapper
        .c-left-side
          c-info-side

        .c-info-right

            .c-order-info
              p.c-order-title 订单管理

              //- 没有数据的时候显示
              .c-no-data(v-if='listIsEmpty')
                p 暂无订单

              //- 订单列表
              .c-order-list(v-else)

                //- 大屏
                .c-info-main
                  //- 我的产品列表标题
                  .c-prod-tit
                    ul
                      li.pure-g
                        span.pure-u-3-24 下单时间
                        span.c-text-center.pure-u-5-24 订单编号
                        span.c-text-center.pure-u-7-24 产品名称
                        span.c-text-center.pure-u-3-24 购买金额
                        span.c-text-center.pure-u-3-24 订单状态
                        span.c-text-center.pure-u-3-24 操作

                  .c-prod-main
                      ul
                        li.pure-g(v-for="item in orderList")
                          span.pure-u-3-24 {{item.init_date}}
                          span.c-text-center.pure-u-5-24 {{item.allot_no}}
                          a.c-blue.c-text-center.pure-u-7-24 {{item.prod_name}}
                            span.c-gray ({{item.prod_code}})
                          span.c-orange.c-text-center.pure-u-3-24 {{item.entrust_balance}} 元
                          span.c-text-center.pure-u-3-24(v-if="item.pay_status=='0'") 未支付
                          span.c-text-center.pure-u-3-24(v-else-if="item.pay_status=='2'") 已支付
                          span.c-text-center.pure-u-3-24(v-else) 已处理
                          a.c-blue.c-text-center.pure-u-3-24 -

                //- 小屏
                .c-info-main-small
                  //- 我的产品列表标题
                  .c-prod-tit
                    ul
                      li.pure-g
                        span.pure-u-5-24 订单编号
                        span.c-text-center.pure-u-12-24 产品名称
                        span.c-text-center.pure-u-7-24 购买金额

                  .c-prod-main
                      ul
                        li.pure-g(v-for="item in orderList")
                          span.pure-u-5-24 {{item.allot_no}}
                          a.c-blue.c-text-center.pure-u-12-24 {{item.prod_name}}
                            span.c-gray ({{item.prod_code}})
                          span.c-orange.c-text-center.pure-u-7-24 {{item.entrust_balance}} 元

                //- 查看更多
                .c-view-more
                  a(href='javascript:void(0);' @click='gotoPage(page-1+2)')
                    span {{viewMoreTxt}}

        //- 清除浮动
        .clear_float